<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css" />
    <link rel="stylesheet" href="css/jquery.mobile.icons-1.4.5.min.css" />
    <link rel="stylesheet" href="css/jquery.mobile.theme-1.4.5.min.css" />
    <link rel="stylesheet" href="css/index.css" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>

<body>
    <div data-role="page" class="message" id="pageone" data-transition="slide" data-direction="reverse">

        <div data-role="panel" class="message" id="revealPanel" style="background:#020202;color: blanchedalmond"
            data-display="reveal">
            <p>已打卡127天</p>
            <a href="mine.html" target="_top"><img src="images/zzu.png"><span style="padding:10px;color: orange">Frank</span></a><br>
            <hr />
            <span>☆☆☆☆☆</span><br>
            <span>zookeeper...</span>
            <div>
                <hr />
                <ul data-role="listview" style="background:#666666;">
                    <li><a href="mine.html" class="ui-btn ui-icon-carat-r ui-btn-icon-right ui-shadow-icon ui-btn-b"
                            target="_top">我的信息</a></li>
                    <li><a href="theme.html" class="ui-btn ui-icon-carat-r ui-btn-icon-right ui-shadow-icon ui-btn-b"
                            target="_top">我的专题</a></li>
                    <li><a href="fav.html" class="ui-btn ui-icon-carat-r ui-btn-icon-right ui-shadow-icon ui-btn-b"
                            target="_top">我的收藏</a></li>
                    <li><a href="album.html" class="ui-btn ui-icon-carat-r ui-btn-icon-right ui-shadow-icon ui-btn-b"
                            target="_top">我的相册</a></li>
                    <li><a href="edit.html" class="ui-btn ui-icon-carat-r ui-btn-icon-right ui-shadow-icon ui-btn-b"
                            target="_top">修改信息</a></li>
                    <hr />
                    <li><a href="location.html" class="ui-btn ui-icon-carat-r ui-btn-icon-right ui-shadow-icon ui-btn-b"
                            target="_top">我的地址</a></li>
                    <li><a href="shop.html" class="ui-btn ui-icon-carat-r ui-btn-icon-right ui-shadow-icon ui-btn-b"
                            target="_top">商城</a></li>
                </ul>
                <button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-power" style="position: absolute;background: #ccc; bottom: 0%;width: 80%">注销</button>
            </div>
        </div>

        <div data-role="panel" id="overlayPanel" data-display="overlay" data-position="right" style="background:#020202;color: blanchedalmond">
            <h2>超级爬虫，搜你想要</h2>
            <form class="ui-filterable">
                <input id="myFilter" data-type="search" placeholder="根据名称搜索..">
            </form>
            <ul data-role="listview" data-filter="true" data-input="#myFilter" data-autodividers="true" data-inset="true">

                <li>
                    <a href="others.html" target="_top">zookeeper8464</a>
                </li>
                <li>
                    <a href="mine.html" target="_top">未闻花名</a>
                </li>
            </ul>
        </div>

        <div data-role="header" class="ui-btn ui-btn-b">
            <a href="#revealPanel" data-swipe-close="true" class="ui-btn ui-corner-all ui-icon-bars ui-btn-icon-notext"></a>
            <a href="#" class="ui-btn ui-btn-right ui-shadow ui-corner-all ui-icon-plus ui-btn-icon-notext"></a>
            <p align="center"> 小黑书</p>

        </div>
        <div data-role="main" class="ui-content">
            <div id="active">
                <div style="float: left;margin:0 auto;">
                    <div style="padding:5px">
                        <div style="float:left;">
                            <img src="images/8464.png" style="width:50px;border-radius: 50%" alt="">
                        </div>
                        <div style="float:left;padding: 10px">
                            萍聚<br>
                            10月21日01:58 　部分好友可见
                        </div>
                    </div>
                    <div style="width:90%;background: #F5F5F5;border-radius: 10px; float: left;margin:10px;padding: 10px">
                        ZZU物联网实验室招新了：
                        <br>
                        详情及报名：<a href="http://39.106.2.56/iotlab">网页链接</a>
                        <br>
                        <a href="http://39.106.2.56">更多详情</a>
                        <p>物联网实验室是由众实验室老师带领，由研究生和本科生组成的实验室，主要分为硬件组、软件组、设计组，现在主要开始面向软院17级各专业进行招新，18级同学也可以参与！
                            这里有优越的开发资源和环境，依托丰富的软硬件设施，这里可以静心地做项目参比赛！欢迎你们的加入！</p>
                        <img style="width:100%" src="images/qr.jpeg" alt="">
                    </div>
                    <span style="float:left;font-size: 12px;color:#666;padding: 2px;margin: 2px">Xperia Z5 Premium(4G)</span>
                    <span style="float:right;margin:10px;margin-top:30px">
                        <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-heart ui-btn-icon-notext ui-btn-b ui-btn-inline">hearst</a>
                        <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-comment ui-btn-icon-notext ui-btn-b ui-btn-inline">hearst</a>
                        <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-action ui-btn-icon-notext ui-btn-b ui-btn-inline">hearst</a>
                    </span>
                </div>
                <hr style="color:#ccc">

                <p class="sm_font" style="color:#295897">
                    <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-heart ui-btn-icon-notext ui-btn-b ui-btn-inline"
                        style="width:8px;height:8px;padding:8px">hearst</a>
                    子恒、TCB、BH、T、Schokolade、泽鹏、一天、奎子、鹿等99人觉得很惨
                </p>
                <p style="margin:5px;float: left;width: 100%">
                    <div class="sm_font" style="display:block;float:left;width: 100%;margin-bottom: 5px">
                        <span style="color:cornflowerblue">子恒：</span>
                        <span>棒死了呢🤣</span>
                    </div>
                    <div class="sm_font" style="display:block;float:left;width: 100%;margin-bottom: 5px">
                        <span style="color:cornflowerblue">TCB：</span>
                        <span>可以</span>
                    </div>
                </p>
                <hr>
                <div class="same div">
                    <input class="same text" type="text" placeholder="请输入..." value="">
                    <button class="same btn">评论</button>
                </div>

                <div style="width:100%;height:10px;background:#ECECEC;float:left;margin: 10px"></div>
            </div>
            <div id="active">
                <div style="float: left;margin:0 auto;">
                    <div style="padding:5px">
                        <div style="float:left;">
                            <img src="images/zzu.png" style="width:60px" alt="">
                        </div>
                        <div style="float:left;padding: 10px">
                            萍聚<br>
                            10月21日01:58 　部分好友可见
                        </div>
                    </div>
                    <div style="width:90%;background: #F5F5F5;border-radius: 10px; float: left;margin:10px;padding: 10px">
                        ZZU物联网实验室招新了：
                        <br>
                        详情及报名：<a href="http://39.106.2.56/iotlab">网页链接</a>
                        <br>
                        <a href="http://39.106.2.56">更多详情</a>
                        <p>物联网实验室是由众实验室老师带领，由研究生和本科生组成的实验室，主要分为硬件组、软件组、设计组，现在主要开始面向软院17级各专业进行招新，18级同学也可以参与！
                            这里有优越的开发资源和环境，依托丰富的软硬件设施，这里可以静心地做项目参比赛！欢迎你们的加入！</p>
                        <img style="width:100%" src="images/qr.jpeg" alt="">
                    </div>
                    <span style="float:left;font-size: 12px;color:#666;padding: 2px;margin: 2px">Xperia Z5 Premium(4G)</span>
                    <span style="float:right;margin:10px;margin-top:30px">
                        <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-heart ui-btn-icon-notext ui-btn-b ui-btn-inline">hearst</a>
                        <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-comment ui-btn-icon-notext ui-btn-b ui-btn-inline">hearst</a>
                        <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-action ui-btn-icon-notext ui-btn-b ui-btn-inline">hearst</a>
                    </span>
                </div>
                <hr style="color:#ccc">

                <p class="sm_font" style="color:#295897">
                    <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-heart ui-btn-icon-notext ui-btn-b ui-btn-inline"
                        style="width:8px;height:8px;padding:8px">hearst</a>
                    子恒、TCB、BH、T、Schokolade、泽鹏、一天、奎子、鹿等99人觉得很惨
                </p>
                <p style="margin:5px;float: left;width: 100%">
                    <div class="sm_font" style="display:block;float:left;width: 100%;margin-bottom: 5px">
                        <span style="color:cornflowerblue">子恒：</span>
                        <span>棒死了呢🤣</span>
                    </div>
                    <div class="sm_font" style="display:block;float:left;width: 100%;margin-bottom: 5px">
                        <span style="color:cornflowerblue">TCB：</span>
                        <span>可以</span>
                    </div>
                </p>
                <hr>
                <div class="same div">
                    <input class="same text" type="text" placeholder="请输入..." value="">
                    <button class="same btn">评论</button>
                </div>

                <div style="width:100%;height:10px;background:#ECECEC;float:left;margin: 10px"></div>
            </div>
            <div id="active">
                <div style="float: left;margin:0 auto;">
                    <div style="padding:5px">
                        <div style="float:left;">
                            <img src="images/zzu.png" style="width:60px" alt="">
                        </div>
                        <div style="float:left;padding: 10px">
                            萍聚<br>
                            10月21日01:58 　部分好友可见
                        </div>
                    </div>
                    <div style="width:90%;background: #F5F5F5;border-radius: 10px; float: left;margin:10px;padding: 10px">
                        ZZU物联网实验室招新了：
                        <br>
                        详情及报名：<a href="http://39.106.2.56">网页链接</a>
                        <br>
                        <a href="http://39.106.2.56">更多详情</a>
                        <p>物联网实验室是由众实验室老师带领，由研究生和本科生组成的实验室，主要分为硬件组、软件组、设计组，现在主要开始面向软院17级各专业进行招新，18级同学也可以参与！
                            这里有优越的开发资源和环境，依托丰富的软硬件设施，这里可以静心地做项目参比赛！欢迎你们的加入！</p>
                        <img style="width:100%" src="images/qr.jpeg" alt="">
                    </div>
                    <span style="float:left;font-size: 12px;color:#666;padding: 2px;margin: 2px">Xperia Z5 Premium(4G)</span>
                    <span style="float:right;margin:10px;margin-top:30px">
                        <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-heart ui-btn-icon-notext ui-btn-b ui-btn-inline">hearst</a>
                        <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-comment ui-btn-icon-notext ui-btn-b ui-btn-inline">hearst</a>
                        <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-action ui-btn-icon-notext ui-btn-b ui-btn-inline">hearst</a>
                    </span>
                </div>
                <hr style="color:#ccc">

                <p class="sm_font" style="color:#295897">
                    <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-heart ui-btn-icon-notext ui-btn-b ui-btn-inline"
                        style="width:8px;height:8px;padding:8px">hearst</a>
                    子恒、TCB、BH、T、Schokolade、泽鹏、一天、奎子、鹿等99人觉得很惨
                </p>
                <p style="margin:5px;float: left;width: 100%">
                    <div class="sm_font" style="display:block;float:left;width: 100%;margin-bottom: 5px">
                        <span style="color:cornflowerblue">子恒：</span>
                        <span>棒死了呢🤣</span>
                    </div>
                    <div class="sm_font" style="display:block;float:left;width: 100%;margin-bottom: 5px">
                        <span style="color:cornflowerblue">TCB：</span>
                        <span>可以</span>
                    </div>
                </p>
                <hr>
                <div class="same div">
                    <input class="same text" type="text" placeholder="请输入..." value="">
                    <button class="same btn">评论</button>
                </div>

                <div style="width:100%;height:10px;background:#ECECEC;float:left;margin: 10px"></div>
            </div>
            <div id="active">
                <div style="float: left;margin:0 auto;">
                    <div style="padding:5px">
                        <div style="float:left;">
                            <img src="images/zzu.png" style="width:60px" alt="">
                        </div>
                        <div style="float:left;padding: 10px">
                            萍聚<br>
                            10月21日01:58 　部分好友可见
                        </div>
                    </div>
                    <div style="width:90%;background: #F5F5F5;border-radius: 10px; float: left;margin:10px;padding: 10px">
                        ZZU物联网实验室招新了：
                        <br>
                        详情及报名：<a href="http://39.106.2.56">网页链接</a>
                        <br>
                        <a href="http://39.106.2.56">更多详情</a>
                        <p>物联网实验室是由众实验室老师带领，由研究生和本科生组成的实验室，主要分为硬件组、软件组、设计组，现在主要开始面向软院17级各专业进行招新，18级同学也可以参与！
                            这里有优越的开发资源和环境，依托丰富的软硬件设施，这里可以静心地做项目参比赛！欢迎你们的加入！</p>
                        <img style="width:100%" src="images/qr.jpeg" alt="">
                    </div>
                    <span style="float:left;font-size: 12px;color:#666;padding: 2px;margin: 2px">Xperia Z5 Premium(4G)</span>
                    <span style="float:right;margin:10px;margin-top:30px">
                        <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-heart ui-btn-icon-notext ui-btn-b ui-btn-inline">hearst</a>
                        <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-comment ui-btn-icon-notext ui-btn-b ui-btn-inline">hearst</a>
                        <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-action ui-btn-icon-notext ui-btn-b ui-btn-inline">hearst</a>
                    </span>
                </div>
                <hr style="color:#ccc">

                <p class="sm_font" style="color:#295897">
                    <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-heart ui-btn-icon-notext ui-btn-b ui-btn-inline"
                        style="width:8px;height:8px;padding:8px">hearst</a>
                    子恒、TCB、BH、T、Schokolade、泽鹏、一天、奎子、鹿等99人觉得很惨
                </p>
                <p style="margin:5px;float: left;width: 100%">
                    <div class="sm_font" style="display:block;float:left;width: 100%;margin-bottom: 5px">
                        <span style="color:cornflowerblue">子恒：</span>
                        <span>棒死了呢🤣</span>
                    </div>
                    <div class="sm_font" style="display:block;float:left;width: 100%;margin-bottom: 5px">
                        <span style="color:cornflowerblue">TCB：</span>
                        <span>可以</span>
                    </div>
                </p>
                <hr>
                <div class="same div">
                    <input class="same text" type="text" placeholder="请输入..." value="">
                    <button class="same btn">评论</button>
                </div>

                <div style="width:100%;height:10px;background:#ECECEC;float:left;margin: 10px"></div>
            </div>

        </div>



        <div data-role="page" id="pagetwo" data-theme="b">
            <div data-role="header" data-position="fixed" data-fullscreen="true">
                <h1>欢迎来到我的主页</h1>
            </div>
            <div data-role="main" class="ui-content">
                <a href="#pageone" data-transition="slide" data-direction="reverse">点击跳转页面(淡入第一个页面)</a>


            </div>

            <div data-role="footer" data-position="fixed" data-fullscreen="true">
                <h1>底部文本</h1>
            </div>
        </div>


        <div data-role="page" id="class-page">

            <div data-role="content">
                <ul data-role="listview" id="listview2">
                    <li>向右滑动切换页面</li>
                    <li>向右滑动切换页面</li>
                    <li>向右滑动切换页面</li>
                </ul>
            </div>

        </div>
        <div id="footer" data-role="footer" data-position="fixed">
            <div data-role="navbar">
                <ul>
                    <li>
                        <a href="#" data-icon="comment" class="ui-btn ui-shadow-icon ui-btn-b" onclick="goTo('easy.html')">
                            小黑书</a>
                    </li>
                    <li>
                        <a href="user.html" data-icon="user" class="ui-btn ui-shadow-icon ui-btn-b" onclick="goTo('friends.html')">
                            好友</a>
                    </li>
                    <li>
                        <a href="#" data-icon="star" class="ui-btn ui-shadow-icon ui-btn-b" onclick="goTo('active.html')">动态</a>
                    </li>
                </ul>
            </div>
        </div>
</body>

</html>